import '../sass/register.scss'


// 注册的逻辑代码
// 获取元素
const form = document.querySelector('.registerMain')
const reg_user = document.querySelector('.reg_user')
const reg_pwd = document.querySelector('.reg_pwd')
const reg_rpwd = document.querySelector('.reg_rpwd')
const reg_nick = document.querySelector('.reg_nick')
const accountError3 = document.querySelector('.accountError3')
const accountError = document.querySelector('.accountError')

// 表单提交事件
form.addEventListener('submit', e => {
  e.preventDefault()

  // 采集用户信息
  const info = {
    username: reg_user.value,
    password: reg_pwd.value,
    rpassword: reg_rpwd.value,
    nickname: reg_nick.value
  }

  // 非空验证
  if (!info.username || !info.password || !info.rpassword || !info.nickname) return alert('请完整填写表单')

  // 两次密码验证
  if (info.password !== info.rpassword) {
    accountError3.style.display = 'block'
    return 
  }else{
    accountError3.style.display = 'none'
  }

  // 发送请求到服务器
  // 利用我们封装好的 ajax 方法来进行发送
  $.ajax({
    url: 'http://localhost:8888/users/register',
    method: 'POST',
    data: info,
    
    success (res) {
      // res 就是后端返回的结果
      if (res.code === 0 ) {
        accountError.style.display = 'block'
      } else {
        alert('注册成功, 点击确定跳转到登录页')
        window.location.href = './login.html'
      }
      console.log(res)
    }
    
  })
})
